<!--界面展示窗口-->
<template>
  <div id="app">
    <braek></braek>
     <el-card class="Hys_card">
                <el-table
                    :data="tableData"
                    border
                    style="width: 100%">
                 
         <el-table-column type="index" prop="#"  width="249">
         </el-table-column>
                    <el-table-column
                    prop="authName"
                    label="权限名称"
                    width="215">
                    </el-table-column>
                    <el-table-column
                    prop="path"
                    label="路径"
                    width="249">
                    </el-table-column>
                    <el-table-column
                    prop="level"
                    width="249"
                    label="权限等级">
                    <template v-slot="scope">
                       <el-tag type="success" v-if="scope.row.level==1">一级标签</el-tag>
                        <el-tag type="info" v-else-if="scope.row.level===2">二级标签</el-tag>
                        <el-tag type="warning" v-else>三级标签</el-tag>
                    </template>
                    </el-table-column>
                </el-table>
       </el-card>
  </div>
</template>
<!--业务逻辑-->
<script>
import braek from "../Bread.vue";
export default {
  components: {
    braek
  },
  data() {
    return {};
  },
  //方法
  methods: {},
  //创建
  created() {}
};
</script>



<style lang="scss" scoped>
</style>